<%--
  Created by IntelliJ IDEA.
  User: LJS
  Date: 2018/11/15
  Time: 15:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page trimDirectiveWhitespaces="true"%>
<%@page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName()
            + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>平台模块管理</title>
    <jsp:include page="resource.jsp"/>
    <script type="text/javascript">
        //Confirm modal
        function confirm(){
            bootbox.confirm({
                message: "删除后数据无法恢复",
                title: "确定删除 ?",
                callback: function(result) {
                    //callback result
                    console.log(result);
                }
            });
        }
    </script>
</head>
<body>
<jsp:include page="common.jsp"/>

<!-- Start #content -->
<div id="content">
    <!-- Start .content-wrapper -->
    <div class="content-wrapper">
        <!-- Start .row -->
        <div class="row">
            <!-- Start .page-header -->
            <div class="col-lg-12 heading">
                <h1 class="page-header"><i class="me-sun"></i> 每日工作日志</h1>
            </div>
            <!-- End .page-header -->
        </div>
        <!-- End .row -->
        <!-- Start .outlet -->
        <div class="outlet">
            <!-- Page start here ( usual with .row ) -->
            <div class="row printable">
                <!-- col-lg-12 start here -->
                <div class="col-lg-12">
                    <!-- Start .panel -->
                    <div class="panel panel-default plain">
                        <div class="panel-heading white-bg"></div>
                        <div class="panel-body">
                            <!-- Start .invoice -->
                            <div class="invoice">
                                <!-- Start .invoice-header -->
                                <div class="invoice-header">
                                    <h3 class="text-center">
                                        平台模块总数<span class="text-primary">XX条</span>
                                    </h3>
                                    <hr/>
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group col-md-6">
                                            <label for="" class="col-md-4 control-label">模块标识码：</label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="" class="col-md-4 control-label">模块名称：</label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control limitInput" maxlength="20" id="" name="" />
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="" class="col-md-4 control-label">是否可用：</label>
                                            <div class="col-md-8">
                                                <select class="form-control">
                                                    <option value="">--请选择--</option>
                                                    <option value="">可用</option>
                                                    <option value="">禁用</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <input type="submit" class="form-control btn btn-primary" value="搜索" />
                                        </div>
                                    </form>
                                </div>
                                <!-- End .invoice-header -->

                                <!-- Start .invoice-content -->
                                <div class="invoice-content">
                                    <button class="btn btn-primary mb5" onclick="" data-toggle="modal" data-target="#myModal">新增</button>
                                    <table class="table table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th>模块标识码</th>
                                            <th>模块名称</th>
                                            <th>排序</th>
                                            <th>是否可用</th>
                                            <th>备注</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <c:forEach var="x" begin="1" end="5">
                                        <tr>
                                            <td>${x}</td>
                                            <td>模块一</td>
                                            <td>序号一</td>
                                            <td>可用</td>
                                            <td>这里是备注内容</td>
                                            <td>
                                                <a href="javacript:void(0);" class="btn btn-success btn-xs">启用</a>
                                                <a href="javacript:void(0);" class="btn btn-warning btn-xs">禁用</a>
                                                <button class="btn btn-info btn-xs" onclick="" data-toggle="modal" data-target="#myModal">编辑</button>
                                            </td>
                                        </tr>
                                        </c:forEach>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- End .invoice -->
                        </div>
                    </div>
                    <!-- End .panel -->
                </div>
                <!-- col-lg-12 end here -->
            </div>
            <!-- Page End here -->
        </div>
        <!-- End .outlet -->
    </div>
    <!-- End .content-wrapper -->
    <div class="clearfix"></div>
</div>
<!-- End #content -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="myModalLabel">编辑平台模块信息</h5>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">模块标识码：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">模块名称：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">模块排序：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control limitInput" maxlength="20" id="" name="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">是否可用：</label>
                        <div class="col-sm-9">
                            <select class="form-control">
                                <option value="">--请选择--</option>
                                <option value="">可用</option>
                                <option value="">禁用</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">备注：</label>
                        <div class="col-sm-9">
                            <textarea class="form-control limitTextarea" maxlength="150" rows="2"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="">保存修改</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</body>
</html>
